import { Tabs} from 'antd';
import './index.css'
import PaymentList from './paymentList';
import AddIncome from './addIncome'
import AddDisburse from './addDisburse'
import TodayPayment from './todayPayment'
import MonthPayment from './monthPayment'
import WeekPayment from './weekPayment'

const { TabPane } = Tabs;
const onChange = (key) => {
  console.log(key);
};
const Finance = () => {

  return (
    <div id='finance'>
      <Tabs onChange={onChange} type="card" >
        <TabPane tab="收支列表" key="1" >
          <PaymentList />
        </TabPane>
        <TabPane tab="今日收支" key="2">
          <TodayPayment/>
        </TabPane>
        <TabPane tab="本周收支" key="3">
          <WeekPayment/>
        </TabPane>
        <TabPane tab="本月收支" key="4">
          <MonthPayment/>
        </TabPane>
        <TabPane tab="新增收入" key="5">
          <AddIncome/>
        </TabPane>
        <TabPane tab="新增支出" key="6">
          <AddDisburse/>
        </TabPane>
      </Tabs>
    </div>
  )
}

export default Finance